h3, p
{
    
    font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif
}

#nav table
{
    float: right;
    text-align: center;
    
}

.header
{
    position: relative;
}



.header #img1
{
    filter: brightness(200%);
    width: 100%;
    height: auto;
}

.header #icon
{
    position:absolute;
    left: 30px;
    top: 20px;
    width: 100%;
}

.header #img2
{
    width: 100%;
    height: auto;
    position:absolute;
    left:0%

}

.header table
{
    position:absolute;
    top: 35px;
  right: 12px;
  font-size: 20px;
}

.header .text
{
    position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 30px;

}

.welcome
{
    position: relative;
}

.welcome #img1
{
    width: 100%;
    height: auto;
    top: 45px;
}

.welcome h3.text
{
    position: relative;
    top: 0%;
    left: 5%;
    font-size: 50px;
}

.welcome p.text
{   
    position: relative;
    top: 30%;
    left: 5%;
    font-size: 20px;
}

.record
{
    position: relative;
    transform: rotate(45deg);
}

.record #img
{
     width: 100%;
    height: auto;
}

.record h3.text
{
    position: absolute;
    top: 0%;
    left: 50%;
    font-size: 50px;
}

.record p.text
{
   position: absolute;
    top: 40%;
    left: 50%;
    font-size: 20px;
    
}

.contact 
{
    position: relative;
}

.contact #img1
{
    width: 100%;
    height: auto;
}

.contact h3.text
{
    position: absolute;
    top: 0%;
    left: 15%;
    font-size: 50px;
}

.contact p.text
{
   position: absolute;
    top: 40%;
    left: 15%;
    font-size: 20px;
    
}

.contact #img2
{
    width: 100%;
    height: auto;
}

.footer
{
    position: relative;
}

.footer img
{
    width: 100%;
    height: auto;
}